<template>
  <view>
    <view class="query-flex">
      <u-cell-group>
        <u-cell-item title="条形码:" :arrow="false" class="list-title">
          <view class="inv-color">
            <image
              class="img"
              src="../../../../static/barcode.png"
              mode=""
            ></image>
          </view>
        </u-cell-item>

        <u-cell-item title="卡片编码:" :arrow="false" class="list-title">
          <input class="list-text" type="text" :value="value" />
        </u-cell-item>

        <u-cell-item title="资产编码:" :arrow="false" class="list-title">
          <input class="list-text" type="text" :value="value" />
        </u-cell-item>

        <u-cell-item title="资产名称:" :arrow="false" class="list-title">
          <input class="list-text" type="text" :value="value" />
        </u-cell-item>

        <u-cell-item title="规格:" :arrow="false" class="list-title">
          <input class="list-text" type="text" :value="value" />
        </u-cell-item>

        <u-cell-item title="变动前使用人:" :arrow="false" class="list-title">
          <input class="list-text" type="text" :value="value" />
        </u-cell-item>

        <u-cell-item title="变动后使用人:" :arrow="false" class="list-title">
          <input class="list-text" type="text" :value="value" />
        </u-cell-item>

        <u-cell-item title="变动原因:" :arrow="false" class="list-title">
          <input class="list-text" type="text" :value="value" />
        </u-cell-item>
      </u-cell-group>

      <!-- 按钮 -->
      <view class="notfixedbutton-con">
        <view class="notfixedbutton-return">
          <view class="notfixedbutton">保存</view>
        </view>
      </view>

      <!-- 表格 -->
      <u-table style="overflow: scroll">
        <u-tr class="u-tr">
          <u-th class="u-th" width="100rpx">序号</u-th>
          <u-th class="u-th" width="200rpx">卡片编码</u-th>
          <u-th class="u-th" width="200rpx">资产编码</u-th>
          <u-th class="u-th" width="200rpx">资产名称</u-th>
          <u-th class="u-th" width="200rpx">规格</u-th>
          <u-th class="u-th" width="230rpx">变动前使用部门</u-th>
          <u-th class="u-th" width="230rpx">变动后使用部门</u-th>
        </u-tr>
        <u-tr class="u-tr">
          <u-td class="u-td" width="100rpx">1</u-td>
          <u-td class="u-td" width="200rpx">00006</u-td>
          <u-td class="u-td" width="200rpx">2019030200006</u-td>
          <u-td class="u-td" width="200rpx">报废变动联</u-td>
          <u-td class="u-td" width="200rpx">男</u-td>
          <u-td class="u-td" width="230rpx">22</u-td>
          <u-td class="u-td" width="230rpx">楚河</u-td>
        </u-tr>
      </u-table>
    </view>

    <!-- 按钮 -->
    <view class="button-con">
      <view class="button-return">
        <view class="button">提交</view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      value: "111",
    };
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
.list-title {
  color: #799cb3;
}
</style>
